<!-- LOGIN ------->
<?php
$banner_500_100 = $this->banner_model->get_banner('500X100');

?>

<div class="grid_6">
    <div class="tabs tabs_var1">
        <ul class="nav">
            <li class="selected"><a href="#individual_tab" style="width: 150px">Member Login</a></li>
            <li><a href="#password_tab">Forgot Password?</a></li>
        </ul>
        <div class="clear"></div>
        <div class="tabs_1">
            <div id="individual_tab" class="tab-content">
                <div class="inner" style="min-height:292px">
                    <form id="form-main" method="post" action="<?= base_url(); ?>member/login/submit">
                        <div class="rowElem">
                            <div class="block-underline">
                                <h2>Member Login </h2>
                                <label>Provide Login Information</label>
                            </div>
                            <?php if ($this->session->flashdata('message')) { ?>
                                <div id="message"> <?= $this->session->flashdata('message'); ?></div>
                            <?php } ?>
                            <div class="clear"></div>  
                            <div class="fleft">
                                <label><strong>Email:</strong></label>
                                <div id="validation"><?php echo form_error('login_email'); ?></div>
                                <input type="text" name="login_email" size="20"> </input>
                            </div>
                            <div class="fleft marg_left">
                                <label><strong>Password:</strong></label>
                                <div id="validation"><?php echo form_error('login_password'); ?></div>
                                <input type="password" name="login_password" size="20"> </input>
                            </div>                                    
                            <div class="clear"></div>        
                        </div>


                        <div class="rowElem">
                            <div class="fleft">
                                <a onClick="document.getElementById('form-main').submit()" class="inline-block button_search color_1 bold"><span class="inline-block">Login Now</span></a>
                            </div> 
                            <div class="fleft marg_left">
                                <label><strong>Not yet Member?</strong></label>
                                <a href="#" class="color_4 bold"><span class="inline-block">Register Now</span></a>
                            </div>  
                            <div class="clear"></div>        
                        </div>

                        <div> <img src="<?= base_url(); ?>assets\images\data\advertisement\<?= $banner_500_100->file; ?>" width="490" height="100" alt="" class="fleft"> </div>
                    </form>
                </div>
            </div>


            <!-- FORGOT PASSWORD -->
            <div id="password_tab" class="tab-content">
                <div class="inner" style="height:292px">
                    <form id="form-main" method="post" action="<?= base_url(); ?>member/forgot_password">
                        <div class="rowElem">
                            <div class="block-underline">
                                <h2>Forgot Password? </h2>
                                <label>Password will send to Email.</label>
                            </div>
                            <div class="clear"></div>  
                            <div class="fleft">
                                <label><strong>Email:</strong></label>
                                <input type="text" name="login_email" size="20"> </input>
                            </div>
                            <div class="fleft marg_left">
                                <a onClick="document.getElementById('form-main').submit()" class="inline-block button_search color_1 bold"><span class="inline-block">Send Password</span></a>
                            </div>                                    
                            <div class="clear"></div>        
                        </div>


                        <div style="margin-top: 20px"> <img src="<?= base_url(); ?>assets\images\data\advertisement\<?= $banner_500_100->file; ?>" width="490" height="100" alt="" class="fleft"> </div>
                    </form>
                </div>
            </div>



        </div>
    </div>
</div>
